<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 禁用电话号码检测功能，禁止对数字随便可以拨号 -->
		<meta name="format-detection" content="telephone=no">
		<!-- 禁用地址检测功能，禁止跳转到地图 -->
		<meta name="format-detection" content="address=no">
		<!-- 在苹果设备上以全屏方式打开本网页 -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 设置在苹果设备上状态的颜色，默认白色，要设置成什么颜色以Web颜色的风格而定 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<title>我的</title>
		<link rel="stylesheet" href="vendor/normalize.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/swiper/swiper.min.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/our.css" />
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<!-- 苹果设备在桌面上生成的快捷图标 -->
		<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
		<link rel="icon" href="img/favicon.ico">
	</head>

	<body>
		<div class="user-wrapper">
			<div class="headerpt">
				<header class="user-header">
					<h1></h1>
					<div class="user-right">
						<a href="" class="set-up"><span>设置</span></a>
						<a href="" class="header-right"><i class="email"></i></a>
					</div>
				</header>
			</div>

			<div class="account-wrap">
				<div class="accout-top-con">
					<section class="account-info">
						<div class="fx1 justify">
							<a href="" class="email">
								<img src="img/avt_default1.png" alt="" width="40" height="40">
								<span>立即登录</span>
							</a>
							<a href="" class="amount"><i class="i-limit"></i>查看信用钱包额度</a>
						</div>
					</section>

					<section class="my-item">
						<ul class="item-bd">
							<li>
								<a href="" style="color: #fff;">
									<div class="info-num">0</div>
									<div class="info-des">优惠券</div>
								</a>
							</li>
							<li>
								<a href="" style="color: #fff;">
									<div class="info-num">0.00</div>
									<div class="info-des">免息额度</div>
								</a>
							</li>
							<li>
								<a href="" style="color: #fff;">
									<div class="info-num">0</div>
									<div class="info-des">收藏</div>
								</a>
							</li>
						</ul>
					</section>
				</div>
				<section class="my-item">
					<ul class="item-hd">
						<li>
							<a href="">
								<i class="i-account-bill"></i>
								<strong>本月账单</strong>
								<span class="note">全部</span>
							</a>
						</li>
					</ul>
					<ul class="item-bd bill-box" style="display: none;">
						<li>
							<a href="">
								<div class="info-num">
									<span>0.00</span>
								</div>
								<div class="info-des">本月无账单</div>
							</a>
						</li>
						<li>
							<a href="">
								<div class="info-num">
									<span>0.00</span>
								</div>
								<div class="info-des">本月无账单</div>
							</a>
						</li>
						<li>
							<a href="">
								<div class="info-num">
									<span style="color: #333;">0.00</span>
								</div>
								<div class="info-des">本月无账单</div>
							</a>
						</li>

					</ul>
				</section>

				<section class="my-item">
					<ul class="item-hd">
						<li>
							<a href="">
								<i class="i-account-bill"></i>
								<strong>我的订单</strong>
								<span class="note">全部</span>
							</a>
						</li>
					</ul>
					<ul class="item-bd bill-box">
						<li>
							<a class="item-info" href="">
								<i class="i-order-notpaid"></i>
								<div class="info-des">待付款</div>
							</a>
						</li>
						<li>
							<a class="item-info" href="">
								<i class="i-order-notpaid"></i>
								<div class="info-des">待付款</div>
							</a>
						</li>
						<li>
							<a class="item-info" href="">
								<i class="i-order-notpaid"></i>
								<div class="info-des">待付款</div>
							</a>
						</li>
						<li>
							<a class="item-info" href="">
								<i class="i-order-notpaid"></i>
								<div class="info-des">待付款</div>
							</a>
						</li>
					</ul>
				</section>

				<section class="my-item my-item-box">
					<ul class="item-hd">
						<li>
							<a href="">
								<i class="i-account-favor"></i>
								<strong>我的购物车</strong>
							</a>
						</li>
						<li>
							<a href="">
								<i class="i-account-favor" style="background-image: url(img/i_sub.png);"></i>
								<strong>我的预约</strong>
							</a>
						</li>
						<li>
							<a href="">
								<i class="i-account-favor" style="background-image: url(img/i_safe.png);"></i>
								<strong>安全中心</strong>
							</a>
						</li>
						<li>
							<a href="">
								<i class="i-account-favor" style="background-image: url(img/iphone.png);"></i>
								<strong>客服支持</strong>
							</a>
						</li>
					</ul>
				</section>
			</div>
			
			<div class="banner-list">
				<a href=""><img src="img/ban.jpg" class="imgauto"/></a>
			</div>
			<section class="hot">
				<h3>热门推荐</h3>
				<ul class="part-ul">
					<li>
						<a href="">
							<div class="like-pic">
								<img src="img/p1.jpg" class="imgauto" />
							</div>
							<h4>呼吸SU:M37惊喜水分水乳7件套盒</h4>
							<div class="part-price">
								月供：¥28.57x24 
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<div class="like-pic">
								<img src="img/p1.jpg" class="imgauto" />
							</div>
							<h4>呼吸SU:M37惊喜水分水乳7件套盒</h4>
							<div class="part-price">
								月供：¥28.57x24 
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<div class="like-pic">
								<img src="img/p1.jpg" class="imgauto" />
							</div>
							<h4>呼吸SU:M37惊喜水分水乳7件套盒</h4>
							<div class="part-price">
								月供：¥28.57x24 
							</div>
						</a>
					</li>
				</ul>
			</section>

			<footer class="footer">
				<div class="nav">
					<ul>
						<li>
							<a href="index.html">
								<span style="background-image:url(img/home.png);"></span> 首页
							</a>
						</li>
						<li>
							<a href="class.html">
								<span style="background-image:url(img/sort.png);"></span> 分类
							</a>
						</li>
						<li>
							<a href="credit-wallet.html">
								<span style="background-image:url(img/wallet.png);"></span> 信用钱包
							</a>
						</li>
						<li>
							<a href="time.html">
								<span style="background-image:url(img/clock.png);"></span> 限时秒杀
							</a>
						</li>
						<li>
							<a href="our.html">
								<span style="background-image:url(img/my_on.png);"></span> 我的
							</a>
						</li>
					</ul>
				</div>
			</footer>
		</div>

		<script src="js/resize.js"></script>
		<script src="vendor/require.min.js" data-main="js/index"></script>
	</body>

</html>